/*
	这里定义了页面中所有需要到的变量。
*/

@gridSize: 20px;
/*-------------------------------------------------------
-----------------dialog窗体变量的集合------------------------
---------------------------------------------------------*/
@blankWidth: 0.1rem;
@titleHeight: 1.2rem;

/* Base color */
@borderColor: #D78F79;//窗口的边框颜色
@shadowColor:rgba(0, 0, 0,0.3);//窗口的阴影
@frontButColor:#4961A3;//鼠标移动到按钮上的默认颜色
@dangerHoverColor:#FF5050;//关闭窗口按钮的颜色


/* The min value of Alert size. */
@minAlertHeight: 8rem;
@minAlertWidth: 15rem;

/* The min value of Dialog size. */
@minDialogHeight: 10rem;
@minDialogWidth: 16rem;

/* The max value of Dialog size. */
@maxDialogHeight: 100%;
@maxDialogWidth: 100%;

/*窗口的标题栏高度*/
@heard-h:1.5rem;
@max-heade-h:1.2rem;


/*默认的窗口尺寸大小*/
@defaultWidth: 24rem;
@defaultHeight: 16rem;


/*-------------------------------------------------------
-----------------所有的颜色变量集合------------------------
---------------------------------------------------------*/
@hrColor:#ACACAC;//hr的默认颜色

@bottonHoverBorderColor:#CFCFCF;//botton鼠标移动过时的边框颜色
@bottonBG:#EAEAEA;//botton鼠标移过的边框颜色，默认情况是透明的
@textbottonBorder: #ACACAC;
@textbottonBG:  #E1E1E1;

@tabsLiBorderColor:#ACACAC;
@tabsLiBG: #EAEAEA;

@handleBorderColor:#F2F2F2;//这个值需要和探针面板的背景颜色一致。

@formBorderColor: #d2d2d2;//表单组件的默认边框颜色。
@inputFocusBorderColor: rgba(61, 149, 197, 0.75);//input获得焦点后的边框颜色

@tableHeadColor: #fdfdfd;//表格表头的背景色
@tableTrHoverBGColor:#D9EBF9;//表格行鼠标移入时的效果
/*-------------------------------------------------------
-----------------button所需变量---------------------------
----button-h/(w)-尺寸值：设置button按钮的大小---------------
----button-h/(w)-尺寸值：设置button背景图片的尺寸------------
---------------------------------------------------------*/
//定义button按钮的默认尺寸。正方形按钮的宽高一致，以高度为准写宽度值
@button-h-20:1rem;
@button-h-22:1.1rem;
@button-h-28:1.4rem;
//定义图标icn按钮图片的尺寸
@ico-16:0.8rem;
@ico-20:1rem;
@ico-22:1.1rem;
@ico-28:1.4rem;

/*-------------------------------------------------------
-----------------form---表单和表格组件的宽高值！！！-------------
---------------------------------------------------------*/
@formH:1.1rem;//默认的表单组件高度为22px,由于是border-box。这个值得使用范围是：botton,input,select,label,textarea等
@tableHead:1.5rem;//表头的高度
@tableLabel:@tableHead - 0.2;//模拟表头的label高度比实际小0.2rem
/*-------------------------------------------------------
-----------------tabs------------------------------------
---------------------------------------------------------*/
@tabsTitleH:1.2rem;//tabs切换卡标题高
@tabsTitleLiPadding:0.4rem;//切换卡的文字外边距

/*-------------------------------------------------------
-----------------toolbar---------------------------------
---------------------------------------------------------*/
@toolbarHeight:1.5rem;//工具栏的高度

/*-------------------------------------------------------
-----------------list-menu-------------------------------
---------------------------------------------------------*/
@menuHeight: 1rem;
@menuBlank:0.3rem;//菜单的间距
@menuBackground: #F5F7F7;
@menuLiColor:rgba(255,255,255,0.8);
@menuLifrontColor:rgb(240, 236, 255);
@listColor: #EFF0EF;
@listItemBorder: #D7D7D7;
@listBorderColor: #979797;

@itemHeight: 1.1rem;
@itemIconWidth: 1.5rem;
@itemHoverBorderColor: #78AEE5;
@itemHoverBackgroundColor: #78AEE5;

@positiveBuffer: 3rem;
@reverseBuffer: 1rem;
@bufferColor: rgba(0,0,0, 0.2);
@bufferColor: transparent;
